@charset "utf-8";
/* Default Theme CSS Document */
/* Created by Peng (vault13.pipboy@gmail.com) */
body { 
	background-color: #C6E2EE;
	margin: 0;
}
#mainBox {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
#banner {
	padding: 30px 60px 20px;
}
#wall {
	background-color: #FFF;
}
.panel_r, .panel_L, .panel_7, .panel_7_cinerous, .panel_J, .panel_J_cinerous {
	background-repeat: no-repeat;
	height: 10px;
}
.panel_r, .panel_L, .panel_7, .panel_J {
	background-position: left top;
	width: 10px;
}
.panel_7_cinerous, .panel_J_cinerous {
	background-position: right bottom;
}
.panel_r {
	background-image: url(../Images/panel_r.gif);
}
.panel_L {
	background-image: url(../Images/panel_L.gif);
}
.panel_7, .panel_7_cinerous {
	background-image: url(../Images/panel_7.gif);
}
.panel_J, .panel_J_cinerous {
	background-image: url(../Images/panel_J.gif);
}
.inputStyle01, .inputStyle02 {
    width: 206px;
	border: 1px solid #CCC;
}
.inputStyle02 {
	background-color: #FFC;
}
.btn {
	color: #FFF;
	background-color: #66B3D9;
	border-bottom: 1px solid #666;
	border-left: none;
	border-right: 1px solid #666;
	border-top: none;
}
.iDiv, .cDiv {
	font-size: 1.2em;
	position: absolute;
	cursor: default;
}
.iDiv, .cDiv ul li {
	line-height: 20px;
	text-indent: 0.3em;
	height: 20px;
}
.iDiv {
	color: #666;
	background: url(../Images/blue_drop_down.gif) right no-repeat;
}
.iDiv_over {
	color: #06C;
}
.iDiv_out { 
    color: #666;
}
.cDiv {
	background-color: #FFF;
	z-index:1;
}
.cDiv ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.cDiv ul li {
	margin-top: 1px;
}
.gaugehead, .resourcesList {
	font-size: 1.2em;
	text-align: center;
}
.gaugehead td {
	color: #666;
	border-top: 2px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
	padding: 0.25em 0;
}
.resourcesList {
    color: #000;
}
.resourcesList a {
	color: #06C;
	text-decoration: none;
}
.resourcesList tr:hover {
	background-color: #FFC;
}
.resourcesList td {
	border-bottom: 1px solid #EDEDED;
	padding: 0.25em 0;
}
/*Main Navigation*/
.mainNav {
	margin: 0 20px;
}
.mainNav dd, #langueList {
	margin: 0;
}
.mainNav .normal, .mainNav .checked {
	font-size: 1.4em;
	text-align: center;
	font-weight: bold;
	width: 128px;
	float: left;
}
.mainNav .other {
	font-size: 1.2em;
	float: right;
}
#langueList {
	background-color: #FFF;
    position:absolute;
}
.mainNav a {
	text-decoration: none;
	display: block;
	margin-right: 1px;
	padding: 0.5em 0;
}
.mainNav .checked a {
	color: #069;
	background-color: #FFF;
}
.mainNav .normal a:link, .mainNav .normal a:visited {
	color: #FFF;
	background-color: #A8D4EA;
}
.mainNav .normal a:hover, .mainNav .normal a:active {
	color: #069;
}
.mainNav .other a {
	color: #FFF;
}
#langueList a {
	margin-right: 0;
	margin-top: 1px;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
#langueList a:link, #langueList a:visited  {
	color: #39C;
	background-color: #EDEDED;
}
#langueList a:hover, #langueList a:active  {
	color: #7ABDDE;
	background-color: #CCC;
}
/**/
#slogan, #slogan a {
	color: #069;
	font-weight: bold;
}
#slogan {
	font-size: 1.4em;
	line-height: 2.5em;
	text-align: center;
	background: url(../Images/slogan_BG.gif) center no-repeat;
	height: 47px;
}
#slogan a {
	text-decoration: none;
	border-bottom: 1px solid #069;
}
#posters, #posters dd {
	margin: 0;
}
#posters {
	padding: 0 14px;
}
#posters dd {
	float: left;
}
#posters a {
	display: block;
	padding: 3px;
}
#posters a:hover, #posters a:active {
	background-color: #EDEDED;
}
#posters a img, .squareUnit dt img, .filmInfo .posters img {
	height: 100px;
	width: 78px;
}
/**/
#subNav {
	font-size: 1.4em;
	margin: 10px 20px;
}
#subNav dd {
	background: url(../Images/subNav_BL.gif) right no-repeat;
	float: left;
	margin: 0;
}
#subNav dd a {
	text-decoration: none;
	position: relative;
	bottom: -1px;
	display: block;
	margin: 0 2px;
	padding: 0.5em;
}
#subNav .checked a {
    color: #06C;
}
#subNav .normal a:link, #subNav .normal a:visited {
	color: #666;
}
#subNav .normal a:hover, #subNav .normal a:active {
	color: #06C;
}
#filter {
	color: #666;
	font-size: 1.2em;
	text-align: right;
	margin: 0 20px 20px;
}
#filter a {
	text-decoration: none;
	display: block;
	margin-right: 1em;
	padding-top: 0.25em; 
}
#filter dl, #filter dd {
	float: left;
	margin: 0;
}
#filter .checked a {
	color: #06C;
}
#filter .normal a:link, #filter .normal a:visited {
	color: #666;
}
#filter .normal a:hover, #filter .normal a:active {
	color: #06C;
}
#filter img {
    display: none;
}
.squareUnit, .filmInfo {
	line-height: 2.5em;
	border-bottom: 1px dashed #CCC;
}
.squareUnit {
	color: #666;
}
.squareUnit, #bubble {
	margin: 0 20px 20px;
}
.squareUnit dl, .squareUnit dd, .indexUnit dl, .indexUnit dd, .filmInfo dl, .filmInfo dd {
	margin: 0;
}
.squareUnit dt, .filmInfo dt, .filmInfo .small_buddy {
	float: left;
	margin: 0 10px 0 0;
}
.squareUnit dt a, .filmInfo dt a {
	display: block;
	padding: 3px;
}
.squareUnit dt a:hover, .squareUnit dt a:active, .filmInfo dt a, .filmInfo .small_buddy a, .filmInfo .posters a:hover, .filmInfo .posters a:active, .filmInfo .friendsBuddies a:hover, .filmInfo .friendsBuddies a:active {
	background-color: #EDEDED;
}
.squareUnit .style01 {
	font-size: 1.2em;
}
.squareUnit .style01 a:link, .squareUnit .style01 a:visited, .filmInfo .style02 a:link, .filmInfo .style02 a:visited {
	color: #06C;
	text-decoration: none;
}
.squareUnit .style01 a, .filmInfo .style02 a:hover, .filmInfo .style02 a:active, .filmInfo .style03 dl a:hover, .filmInfo .style03 dl a:active {
	border-bottom: 1px solid #06C;
}
.squareUnit .style02 {
	color: #999;
	font-size: 1.2em;
}
.squareUnit .style02 a, .filmInfo .style03 a {
	color: #06C;
	text-decoration: none;
}
.squareUnit .style03, .filmInfo .style03 {
	color: #999;
	font-size: 1.2em;
	text-align: right;
	padding: 0.5em 0;
}
.squareUnit .style03 .count, .filmInfo .style03 .count, .filmInfo .style05 .count {
	color: #F30;
}
.squareUnit .style03 dl, .squareUnit .style03 dt, .squareUnit .style03 dd {
	margin: 0;
	padding: 0;
}
.squareUnit .style03 .tips {
	float: right;
}
.squareUnit .style03 dd a {
	text-decoration: none;
	background-image: url(../Images/tips.gif);
	background-repeat: no-repeat;
	position: relative;
}
.squareUnit .style03 dd a:link, .squareUnit .style03 dd a:visited {
	color: #000;
	background-position: left center;
}
.squareUnit .style03 dd a:hover, .squareUnit .style03 dd a:active {
	background-position: -218px center;
}
#pageTurning {
	font-size: 1.2em;
	text-align: center;
	margin-bottom: 10px;
}
#pageTurning dl, #pageTurning dt {
	margin: 0;
	padding: 0;
}
#pageTurning dd {
	display: inline-block; /*FF*/
	margin: 0 0.25em;
	padding: 0;
}
#pageTurning a {
	text-decoration: none;
	display: block;
	padding: 0.25em 0.5em;
} 
#pageTurning .UpandDown a {
	color: #06C;
	border: 1px solid #FFF;
}
#pageTurning .normal a:link, #pageTurning .normal a:visited {
	color: #CCC;
	border: 1px solid #DEDEDE;
}
#pageTurning .checked a, #pageTurning .normal a:hover, #pageTurning .normal a:active {
	color: #06C; 
	border: 1px solid #06C;
}
.indexUnit {
	color: #666;
	line-height: 2.5em;
	margin: 0 20px 20px;
}
.indexUnit dl, indexUnit dd, .filmInfo dl, .filmInfo dd {
	padding: 0;
}
.indexUnit .style02, .filmInfo .style02 {
	font-size: 1.2em;
}
.indexUnit .style01 {
	color: #666;
	font-size: 1.4em;
}
.indexUnit .style02 ul {
	list-style: none;
    margin: 0;
	padding: 0;
}
.indexUnit .style02 li {
	width: 16em;
	float: left;
}
.indexUnit .style02 a {
	text-decoration: none;
}
.indexUnit .style02 a:link, .indexUnit .style02 a:visited {
    color: #06C;
}
.indexUnit .style02 a:hover, .indexUnit .style02 a:active {
	border-bottom: 1px solid #06C;
}
.indexUnit .style02 .count {
	color: #F30;
}
.filmInfo {
	color: #999;
    margin: 10px 20px 20px;
}
.filmInfo dt img {
	height: 149px;
	width: 99px;
}
.filmInfo dt a {
	margin-bottom: 20px;
}
.filmInfo .style01 {
	color: #069;
	font-size: 1.4em;
}
.filmInfo .style01 h3 {
	color: #000;
}
.filmInfo .info {
	color: #000;
}
.filmInfo .style03 dl {
	float: left;
}
.filmInfo .small_buddy {
	float: left;
}
.filmInfo .small_buddy img {
	height: 48px;
	width: 48px;
}
.filmInfo .style04 a {
	color: #06C;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px solid #06C;
}
.filmInfo .style05 {
	color: #999;
	font-size: 1.2em;
}
.filmInfo .style05 a {
	color: #06C;
	text-decoration: none;
}
.filmInfo .filter {
	margin: 10px 0;
}
.filmInfo .small_buddy a {
	display: block;
	margin-bottom: 3px;
	padding: 1px;
}
.filmInfo .posters dd, .filmInfo .friendsBuddies dd {
	float: left;
}
.filmInfo .posters a, .filmInfo .friendsBuddies a {
	display: block;
	margin: 17px;
	padding: 3px;
}
.filmInfo .friendsBuddies img {
	height: 78px;
	width: 78px;
}
/**/
.side {
	background-color: #DAEDF4;
    width: 221px;
}
.userInfo {
	color: #666;
    font-size: 1.2em;
	margin: 0 0 1em 0;
}
.userInfo, .userInfo dd {
	padding: 0;
}
.userInfo dt {
	float: left;
	margin: 0 10px 20px 10px; /*IE7+,FF*/
}
.big_buddy {
	text-align: center;
}
.big_buddy img {
	height: 64px;
	width: 64px;
}
.userInfo .style01, .userInfo .style02 {
	line-height: 2em;
	margin: 0 1em 20px 1em;
}
.userInfo .style01 a, .userInfo .style03 a {
	color: #06C;
	text-decoration: none;
}
.buddies {
    margin: 0 1em 20px 1em;
}
.buddies a img {
	height: 30px;
	width: 30px;
	margin: 1px 1px 5px;
}
.userInfo .style01 dl, .userInfo .style01 dt, .userInfo .style01 dd {
	margin: 0;
	padding: 0;
}
.userInfo .style01 dd, .buddies dd {
	float: left;
}
.userInfo .style01 table, .userInfo .style02 table {
	text-align: center;
	width: 100%;
}
.userInfo .style02 table td {
	background-color: #EEFEFE;
	padding: 0.5em 0;
}
.userInfo .style02 table a {
	color: #06C;
	text-decoration: none;
}
.userInfo .style03 {
	line-height: 1.5em;
}
#sideSearch {
	text-align: center;
	margin: 0 20px 30px;
}
#sideSearch .keyWord {
	color: #666;
	font-size: 1.4em;
	background: transparent url(../Images/sideSearch_BG.gif) repeat-x;
	width: 420px; /*FF*/
	border: none;
	padding-left: 3px;
}
#sideSearch span {
	color: #666;
	font-size: 1.2em;
}
.widgetTitle {
	color: #666;
	font-size: 1.4em;
	font-weight: bold;
	padding: 0.5em 10px;
}
.widgetsLinks, .userLinks {
	font-size: 1.2em;
}
.widgetsLinks a, .userLinks a {
    text-decoration: none;
}
.widgetsLinks dl {
	margin: 0;
	padding: 0;
}
.widgetsLinks dd  {
	margin: 0;
	padding: 0.5em 10px;
}
.widgetsLinks a:link, .widgetsLinks a:visited {
	color: #06C;
}
.widgetsLinks a:hover, .widgetsLinks a:active {
	border-bottom: 1px solid #06C;
}
.userLinks {
	margin: 20px 0;
}
.userLinks dl, .userLinks dd, .buddies dl, .buddies dd {
	margin: 0;
	padding: 0;
}
.userLinks .checked a {
	color: #06C; 
	background-color: #FFF;
	display: block;
	padding: 0.5em 10px;
}
.userLinks .normal {
	padding: 0.5em 10px;
}
.userLinks .normal a:link, .userLinks .normal a:visited {
	color: #06C;
}
.userLinks .normal a:hover, .userLinks .normal a:active {
	border-bottom: 1px solid #06C;
}
/**/
.forms {
	width: 50%;
	border-left: 1px dotted #CCC;
	padding: 70px 0 70px 95px;
}
.forms .title {
	color: #069;
    font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 25px;
}
.forms .form {
	color: #666;
	font-size: 1.2em;
}
.forms .form span {
	color: #F30;
}
.forms input, .forms textarea, .forms select {
    font-size: 1em;
	margin: 0.25em 0;
}
.forms textarea {
	height: 5em;
	width: 416px;
	overflow: auto;
	border: 1px solid #CCC;
}
#condition a {
	color: #06C;
	text-decoration: none;
	border-bottom: 1px solid #06C;
}
#formsTip_pin {
	background: url(../Images/formsTip_pin.gif) no-repeat;
	height: 35px;
	margin-top: 15px;
}
#formsTip {
	color: #666;
	font-size: 1.2em;
	line-height: 1.5em;
	background-color: #FFC;
	width: 280px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 7px 14px;
}
#formsTip a:link, #formsTip a:visited {
	color: #666;
	text-decoration: none;
}
#formsTip a:hover, #formsTip a:active {
	color: #F00;
}
#formsTip_dogEar {
	background: url(../Images/formsTip_dogEar.gif) no-repeat;
	height: 22px;
}
/*Copyright*/
#copyright {
	color: #4993B0;
	font-size: 1.2em;
	text-align: center;
	margin-bottom: 25px;
	margin-top: 25px;
}
#copyright a {
    color: #FFF;
    text-decoration: none;
}
/*Bugs Fixer*/
#pageTurning .UpandDown, #pageTurning .normal, #pageTurning .checked {
	*display: inline; /*IE*/
}
.userInfo dt {
	_margin: 0 10px 10px 5px; /*IE6*/
}
#sideSearch .keyWord {
	*width: 419px; /*IE*/
}
#bubble .style02 {
	*margin: -3px 0 0; /*IE7+*/
	_margin: -5px 0 0; /*IE6*/
}